<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>




<html style="font-size: 66.5333px;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>员工排行</title>
<link rel="stylesheet" type="text/css" href="<%=path%>/css/aem-h5/aem-h5.css" />
<style type="text/css">
    body {
        overflow: hidden;
    }
    
    body,
    ul {
        padding: 0;
        margin: 0;
    }

    .main {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .main .warpper {
        position: absolute;
        width: 100%;
    }

    .scroller-pullDown,.scroller-pullUp {
        width: 100%;
        height: 30px;
        padding: 10px 0;
        text-align: center;
    }

    .scroller-pullUp {

    }

    .dropdown-list {
        padding: 0;
        margin: 0;
    }
    
    .dropdown-list li {
        width: 100%;
        background: #ddd;
        line-height: 45px;
        text-align: center;
        color: #FFF;
        border-bottom: 1px solid #FFF;
    }
    
    #staff-ranking .hero-rank {
    	margin-left: 0.15rem;
    	margin-right: 0.15rem;
    }
    </style>
</head>
<body style="overflow:hidden">
    <div hidden="" id="servicePath" servicePath="<%=basePath%>"></div>
	<div id="app">
		<div>
			<div class="mint-navbar">
				<a id="one" class="mint-tab-item is-selected">
				    <div class="mint-tab-item-icon"></div>
					<div class="mint-tab-item-label">昨天</div>
				</a> 
				<a id="senven" class="mint-tab-item">
				    <div class="mint-tab-item-icon"></div>
					<div class="mint-tab-item-label">近7天</div>
				</a> 
				<a id="month" class="mint-tab-item">
				    <div class="mint-tab-item-icon"></div>
					<div class="mint-tab-item-label">近30天</div>
				</a> 
				<a id="all" class="mint-tab-item all">
				    <div class="mint-tab-item-icon"></div>
					<div class="mint-tab-item-label">总榜</div>
				</a>
			</div>
			<div class="mint-tab-container">
				<div class="mint-tab-container-wrap">
					<div class="mint-tab-container-item">
						<div class="hero-bbg">
							<div data-v-18b971ca="">
								<div data-v-18b971ca="" class="hero-bg">
									<div data-v-18b971ca="" class="personal-bg">
										<div data-v-18b971ca="">
										  <img style="margin-left:10px;width:65px;height:65px" data-v-7ed3d5b2="" id="head-img"  class="avatar head" src="${requestScope.headImg}">										
										</div>
										<div data-v-18b971ca="" class="name" id="staffName">${requestScope.staffName}</div>
										<div data-v-18b971ca="" class="company" id="staffCompany">
											${requestScope.departmentName}${requestScope.parentDepartmentName}<span data-v-18b971ca=""></span>
										</div>
										<div data-v-18b971ca="" class="tag" onclick="javascript:intent();">
											部门英雄榜 <img data-v-18b971ca=""
												src="">
										</div>
									</div>
									<div data-v-18b971ca="" class="hero-detail">
										<div data-v-18b971ca="" class="rank">
											<img data-v-18b971ca=""
												src=""><a
												data-v-18b971ca=""><span class="personalRankingTip">近1天排名</span><span data-v-18b971ca=""
												class="number" id="scoreRanking">0</span></a>
										</div>
										<div data-v-18b971ca="" class="integral">
											<img data-v-18b971ca=""
												src=""><a
												data-v-18b971ca="">+<span data-v-18b971ca=""
												class="number" id="accumulativeScore">0</span> 积分
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="hero-rank-wrap">
							<p class="title">昨日英雄榜Top3</p>
							<img
								src=""
								class="next-icon">
							<div id="staff-ranking" class="hero-list">
							</div>
						</div>
						<ul id="personalRankingList" class="rank-list">
						</ul>
					</div>
					<!-- <div class="mint-tab-container-item" style="display: none;">
						图二</div>
					<div class="mint-tab-container-item" style="display: none;">
						图三</div>
					<div class="mint-tab-container-item" style="display: none;">
						图四</div> -->
				</div>
			</div>
		</div>
	</div>
</body>
</html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="<%=path%>/js/dateUtils.js"></script>
<script type="text/javascript" src="<%=path%>/js/marketing/public.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/aem-personal-ranking.js"></script>
<script type="text/javascript" src="<%=path%>/js/aem/client/rem.js"></script>


<script type="text/javascript">
    var accessToken=$.cookie('accessToken');
    var cid = getQueryString("cid");
	$(function() {
		personalRanking.init(accessToken).currentStaffRanking(1);
		personalRanking.staffRanking(1,1); 
	});
	
	function intent(){
		window.location.href="<%=path%>/aem/client/departmentPersonalRanking?cid="+cid;
	}
</script>
